<template>
  <div class="share">
    <div>我是共享页面</div>
    <button @click="toAbout"> 跳转关于页面</button>
    <button @click="toHome"> 跳转首页</button>
  </div>


</template>
<script setup>
import { useRouter } from 'vue-router'
const router = useRouter()

const toAbout = () => {
  router.push('/about')
}

const toHome = () => {
  router.push('/home')
}
</script>
<style scoped>
.share {
  text-align: center;
}
</style>